<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="applicable-device" content="pc">
    <title>${office.building_name}写字楼出租${house.usableArea}平米精装办公室${house.sellMoney}${house.sellUnit}-重庆写字楼出租-办公室出租|快址网</title>
    <meta name="description" content="快址网专为您提供重庆地区办公室出租信息,最新${office.building_name}租金、价格、售价周围配套等相关信息。上快址网，秒速帮您找到满意办公室！">
    <meta name="keywords" content="${office.building_name}出租,${office.building_name}出售,${office.building_name}办公室招租">
    <link rel="icon" href="/static/common/images/logo.png">
    <link rel="stylesheet" type="text/css" href="/static/common/css/common.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/housedetail.css"/>
    <link rel="stylesheet" type="text/css" href="/static/common/css/swiper.css"/>
</head>

<body>
<header>
    <nav>
        <a href="/index.html"><img id="logo" src="/static/common/img/kz_index_yellowlogo.png"/></a>
        <div><input type="text" placeholder="请输入大厦名称或者区域位置"  id="housesSearch" value=""/><a class="searcha" onclick="housesSearch(document.getElementById('housesSearch').value)" ><img src="/static/common/img/kz_index_search.png"/></a></div>
        <a href="/index.html"><img id="tel" src="/static/common/img/kz_index_yellowtel.png"/><span data-hover="023-63101910">023-63101910</a>
        <a href="/serve/enterpriseunion.html" style="display: none"><span data-hover="企业服务">企业服务</span></a>
        <a href="/entrust/putthehouse.html"><span data-hover="投放房源" >投放房源</span></a>
        <a href="/entrust/entrustfindhouse.html"><span data-hover="委托找房">委托找房</span></a>
    </nav>
</header>

<section class="header_section">
    <nav>
     <p>
        <a href="/index.html">重庆快址</a>
        <a href="/lists/h1r${county.county_id}">${county.name}写字楼出租</a>
        <a href="/lists/h1r${county.county_id}t${trade_area.county_id}">${trade_area.name}写字楼出租</a>
        <a href="/lists/bu${office.building_id}">${office.building_name}写字楼出租</a>
     </p>
        <div>
            <h1>
            ${office.building_name}写字楼出租${house.coveredArea}平米${house.decorate}办公室${house.rentMoney}<#if house.rentMoney!='面议'>${house.rentUnit}</#if>
            <#if  house.topCode == 1>
                <img src="/static/common/img/kz_housedetail_hot.png"/>
            </#if>
            </h1>

            <h6> <#if house.rentMoney??>${house.rentMoney?default('暂无信息')}<span><#if house.rentMoney!='面议'>${house.rentUnit}</#if></span><#else>暂无信息</#if></h6></div>
    </nav>
</section>

<article class="headerarticle">
    <article>
        <div>
            <figure id="housewrapper">
            <#assign text= house.context_img_path />
            <#assign ho_img=text?eval />
            <#list ho_img as img>
                <img src="${img.originalPath}" title="${office.building_name}"/>
            </#list>
            </figure>
        </div>
        <div>
            <h6>${house.doorplate}·${ house.decorate}·${ house.coveredArea}m²</h6>
            <p>物业费用：<span><#if  buildingsAttribute.propertyFee=='' >暂无信息<#else>${ buildingsAttribute.propertyFee}${ buildingsAttribute.propertyFeeUnit}</#if></span></p>
            <p>停车费用：<span><#if  buildingsAttribute.carportRent=='' >暂无信息<#elseif buildingsAttribute.carportRent == '0'>免费开放<#else>${ buildingsAttribute.carportRent}${ buildingsAttribute.carportRentUnit}</#if></span></p>
            <p>办公面积：<span>${house.coveredArea}㎡</span></p>

            <p>楼层高度：<span>${ house.doorplate?default('暂无信息')}</span></p>
            <p>窗面朝向：<span>${ house.orientation?default('暂无信息')}</span></p>
            <p>办公格局：<span>${ house.structure?default('暂无信息')}</span></p>
            <p>容纳工位：<span><#if  house.station=='' >暂无信息<#else>${ house.station}个</#if></span></p>
            <p>车位数量：<span><#if  buildingsAttribute.carportNum=='' >暂无信息<#else>${ buildingsAttribute.carportNum}个</#if></span></p>
            <p>最短租期：<span><#if  house.rentNum== '面议' >面议<#else>${ house.rentNum}个月</#if></span>免租期:<span><#if  house.rentFree?? ||  house.rentFree=='面议' >面议<#else>${ house.rentFree}个月</#if></span></p>
            <p>*以上信息以实地带看时为准</p>
        </div>
    </article>
    <content>
        <section>
            <div class="onediv">
                <h5>大厦简介</h5>
            <#assign text= office.cover_img_path />
            <#assign cPath=text?eval />
                <a href="/lists/bu${ office.building_id}">
                    <img src="${cPath.minPath}"/>
                </a>
                <div class="ontdiv">
                    <p><span>竣工时间</span><span>${ buildingsAttribute.completedTime?default('暂无信息')}</span></p>
                    <p><span>地理位置</span><span>重庆市${ county.name}${ trade_area.name}</span></p>
                </div>
                <a>
                    <p>层高</p>
                    <p><#if buildingsAttribute.reserve?? >${ buildingsAttribute.reserve}层<#else>暂无信息</#if></p>
                </a>
                <a>
                    <p>总建筑面积</p>
                    <p><#if buildingsAttribute.area?? >${buildingsAttribute.area}㎡<#else>暂无信息</#if></p>
                </a>
                <a>
                    <p>物业公司</p>
                    <p>${ buildingsAttribute.property?default('暂无信息')}</p>
                </a>
                <a>
                    <p>物业费</p>
                    <p><#if  buildingsAttribute.propertyFee==''>暂无信息<#else>${ buildingsAttribute.propertyFee}${ buildingsAttribute.propertyFeeUnit}</#if></p>
                </a>
                <a>
                    <p>车位数量</p>
                    <p><#if  buildingsAttribute.carportNum=='' >暂无信息<#else>${ buildingsAttribute.carportNum}个</#if></p>
                </a>
                <a>
                    <p>车位租金</p>
                    <p><#if  buildingsAttribute.carportRent=='' >暂无信息<#elseif buildingsAttribute.carportRent == '0'>免费开放<#else>${ buildingsAttribute.carportRent}${ buildingsAttribute.carportRentUnit}</#if></p>
                </a>
                <a>
                    <p>电梯</p>
                    <p>${ buildingsAttribute.elevator?default('暂无信息')}</p>
                </a>
                <a>
                    <p>开发商</p>
                    <p>${ buildingsAttribute.developer?default('暂无信息')}</p>
                </a>
                <a>
                    <p>网络</p>
                    <p>${ buildingsAttribute.network?default('暂无信息')}</p>
                </a>
                <a>
                    <p>入驻企业</p>
                    <p>${ buildingsAttribute.entrepreneur?default('暂无信息')}</p>
                </a>
                <content>
                    <p>  ${ buildingsAttribute.description?default('暂无信息')}</p>
                </content>
            </div>
            <div class="twodiv">
                <h5>热门推荐</h5>
                <figure class="swiper-container1 swiper-container-horizontal">
                    <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1283px, 0px, 0px);">
                    <#list  officeBuildings as ob>
                        <#assign text=ob.cover_img_path />
                        <#assign cPath=text?eval />
                        <div class="swiper-slide swiper-slide-active swiper-slide-pre" data-swiper-slide-index="${ob_index}">
                            <a href="/lists/bu${ob.building_id}" target="_blank">
                                <img src="${cPath.maxPath}" title="${ob.building_name}"/>
                                <h6>${ob.building_name}</h6>
                                <p>${ob.rent}${ob.rentUnit}</p>
                            </a>
                        </div>
                    </#list>
                        <div class="swiper-slide" data-swiper-slide-index="${ officeBuildings?size}">
                        </div>
                        <div class="swiper-slide" data-swiper-slide-index="11">
                        </div>
                    </div>
                    <div class="movehand"><img src="/static/common/img/movehand.png"/></div>
                </figure>
            </div>
        </section>
        <section class="scroll">
            <h5>免费预约带看</h5>
            <p>该商务中心一个月内已有200人预约看房</p>
            <input type="tel" name="phone" id="phone" placeholder="手机号码"  maxlength="12" />
            <a  onclick="appointment()">预约看房</a>
            <p>免费电话预约</p>
            <p><img src="/static/common/img/kz_index_yellowtel.png"/>023-63101910</p>
            <p>(早9:00-晚10:00)</p>
        </section>
        <section class="empty">快址选址</section>
    </content>
</article>

<#include "/include/base.ftl"/>
<figure class="big_image big_imgge_hide">
    <img class="bigimgcancel" src="/static/common/img/kz_house_cancel.png"/>
    <button class="pre arow">
        <img src="/static/common/img/kz_house_pre.png"/>
    </button>
    <div id="bigimgwrapper">
    <#assign text= house.context_img_path />
    <#assign cnPath=text?eval />
    <#list cnPath as p>
        <a><img src="${p.originalPath}" title="${office.building_name}"/></a>
    </#list>
    </div>
    <button class="next arow">
        <img src="/static/common/img/kz_house_next.png"/>
    </button>
</figure>
<script src="/static/common/js/jquery.min.js"></script>
<script src="/static/common/js/common.js"></script>
<script src="/static/common/js/swiper.min.js"></script>
<script src="/static/common/js/housedetail.js"></script>
<script type="text/javascript" src="/static/common/js/housesSearch.js"></script>
<script type="text/javascript" src="/static/common/layui/layui.all.js"></script>
<script src="/static/common/js/common2.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
    function appointment() {
        var phone = $('#phone').val();
        if(checkTel(phone) == false) {
            layer.alert("请正确输入手机号",{icon: 0,title:"提示"});
            return;
        }
        $.post('/lists/appoint.do', {
            demand: "${office.building_name}写字楼出租${house.usableArea}平米",
            phone: phone,
            eserve_url: decodeURI(document.URL),
            reserve_title: document.title
        }, function(res) {
            if(res.data == true) {
                layer.alert("提交成功,我们会进来联系您!",{icon: 1,title:"提示"});
                $('#phone').val('');
            } else {
                layer.alert("服务异常,如需预约,请联系客服 023-63021910!",{icon: 2,title:"警告"});
            }
        }, 'json')
    }
    function checkTel(tel) {
        var mobile = /^1[3|5|4|6|7|8|9]\d{9}$/,
                phone = /^0\d{2,3}-?\d{7,8}$/;
        return mobile.test(tel) || phone.test(tel);
    }
</script>
</body>

</html>